<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 20px;
    background-color:#ebebe3;
    border-right:solid 1px #b3b3ad;
    border-bottom:solid 1px #b3b3ad;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 900px;
    height: 77px;
    background-color:#ebebe3;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 900px;
    height: 23px;
    border-top:solid 1px #885b5d;
    border-left:solid 1px #885b5d;
  }
  .{{$template|escape:'html'}}_table4 td {
    border-bottom:solid 1px #885b5d;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 900px;
    height:1px;
    tex-talign:left;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 25px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 120%;
    color: #694247;
    background-image:url(images/common/headline.png);
    background-repeat:repeat-x;
    border-right: solid 1px #8F8F8A;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 100px;
    height: 25px;
    padding-left:15px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 195px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 100px;
    padding-left:95px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 194px;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 22px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 58px;
    height: 23px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 93px;
    height: 23px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td9 {
    height:46px;
    width: 189px;
    TEXT-ALIGN:center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 900px;
    height: 23px;
    background-color:#885b5d;
  }
  .{{$template|escape:'html'}}_td11 {
    width:107px;
    height: 30px;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:4px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td12 {
    width:722px;
    height: 30px;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:4px;
  }
  .{{$template|escape:'html'}}_td13 {
    width:70px;
    height: 40px;
    text-align: right;
    vertical-align:bottom;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 68px;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td18 {
    width: 100px;
    text-align:left;
    padding-left:10px;
    white-space:nowrap;
  }
  .{{$template|escape:'html'}}_td19 {
    width: 125px;
    padding-left:10px;
    text-align:left;
  }
  .{{$template|escape:'html'}}_td20 {
    width: 54px;
    padding-left:6px;
    text-align:left;
  }
  .{{$template|escape:'html'}}_td21 {
    width: 50px;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td22 {
    width: 55px;
    padding-left:10px;
    text-align:left;
  }
  .{{$template|escape:'html'}}_td23 {
    width: 24px;
    text-align:center;
  }
  .{{$template|escape:'html'}}_td24 {
    width: 190px;
    padding-left:12px;
    text-align:left;
  }
  .{{$template|escape:'html'}}_td25 {
    width: 50px;
    padding-left:12px;
    text-align:left;
  }
  .{{$template|escape:'html'}}_td17,.{{$template|escape:'html'}}_td18,.{{$template|escape:'html'}}_td19,.{{$template|escape:'html'}}_td20
  ,.{{$template|escape:'html'}}_td21,.{{$template|escape:'html'}}_td22,.{{$template|escape:'html'}}_td23,.{{$template|escape:'html'}}_td24
  {
    background-color:#885b5d;
    font-weight:bold;
    font-size:10pt;
    color:white;
    height: 23px;
    vertical-align:middle;
    border-right: solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td25{
    background-color:#885b5d;
    font-weight:bold;
    font-size:10pt;
    color:white;
    height: 23px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td26{
    border-right: solid 1px #fff;
    background-color:#885b5d;
    height: 23px;
    width: 20px;
  }
  .{{$template|escape:'html'}}_Text {
    width:195px;
    height:18px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_select {
    width:197px;
    height:22px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
  }
  .{{$template|escape:'html'}}_btn {
    cursor:pointer;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = GuiPageExpenseCash.instance('{{$template|escape:'javascript'}}');
      new HandlePageExpenseCash(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div  align="left" style="width:{{$smarty.const.PAGE_WIDTH|escape:'html'}}">
<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td1">
      Search Box
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_table2">
      <table class="{{$template|escape:'html'}}_table2" cellPaddiing="0" cellSpacing="0" border=0>
        <table class="{{$template|escape:'html'}}_table2" cellPaddiing="0" cellSpacing="0" border=0>
        <tr>
          <td style="height:15px" colSpan="6"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">C/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
          <span style="letter-spacing:2px;">C/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">P/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            <span style="letter-spacing:2px;">P/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Payee
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_payee_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Particulars
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_particular_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
          Amount
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_amount_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Method
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_method_select"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Chque No.
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_chequeNo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4"></td>
          <td class="{{$template|escape:'html'}}_td3">
            <table calss="{{$template|escape:'html'}}_td3" cellPaddiing="0" cellSpacing="0" border=0>
              <tr>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_ng_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td7">
                  NG
                </td>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_ne_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td8">
                  NE
                </td>
              </tr>
            </table>
          </td>
          <td class="{{$template|escape:'html'}}_td9" rowSpan="2">
            <input type="button" class="search" id= "{{$template|escape:'html'}}_search_button" />
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Note
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_note_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4"></td>
          <td class="{{$template|escape:'html'}}_td3">
            <table calss="{{$template|escape:'html'}}_td3" cellPaddiing="0" cellSpacing="0" border=0>
              <tr>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_paid_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td7">
                  Paid
                </td>
                <td class="{{$template|escape:'html'}}_td6">
                  <input type = "checkbox" id="{{$template|escape:'html'}}_unpaid_checkbox" ></input>
                </td>
                <td class="{{$template|escape:'html'}}_td8">
                  To Paid
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td style="height:15px;"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td11">Total Cash</td>
    <td class="{{$template|escape:'html'}}_td12" id = "{{$template|escape:'html'}}_totalCash_div"></td>
    <td class="{{$template|escape:'html'}}_td13"></td>
  </tr>
  <tr>
    <td style="padding-bottom:5px";>
      <input type="button" id = "{{$template|escape:'html'}}_verify_button" value="Audited"></button>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
  <tr>
    <td id="{{$template|escape:'html'}}_pagination_div"></td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table4" id = "{{$template|escape:'html'}}_main_table" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td26">
      <input type = "checkbox" id="{{$template|escape:'html'}}_checkAll_checkbox" ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">C/D</td>
    <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">P/D</td>
    <td class="{{$template|escape:'html'}}_td18">Payee</td>
    <td class="{{$template|escape:'html'}}_td19">Particulars</td>
    <td class="{{$template|escape:'html'}}_td20">Amount</td>
    <td class="{{$template|escape:'html'}}_td21">Method</td>
    <td class="{{$template|escape:'html'}}_td22"><span style="letter-spacing:2px;">Q/N</td>
    <td class="{{$template|escape:'html'}}_td23">NG</td>
    <td class="{{$template|escape:'html'}}_td23">NE</td>
    <td class="{{$template|escape:'html'}}_td24">Note</td>
    <td class="{{$template|escape:'html'}}_td25"></td>
  </tr>
</table>
</div>
